// import RoomEnter from "./component/RoomTag/room_enter"
// import ChatDialog from "./component/Chat/ChatDialog";
// import React, {useState, useEffect} from 'react'
// import styles from '../styles/Home.module.css'
// import RoomTag from "./component/RoomTag/room_tag";
//
// // let roomInfo={
// //   roomName:'',
// //   chatInfos:[],
// //   socket:{},
// //   myName:''
// // }
//
// // let chatInfo={
// //   senderName:'',
// //   content:'',
// //   time:'',
// //   isSystem:false
// // }
//
// let ROOM_INFOS = []
// let curSock = {};
//
// export default function Home() {
//   const [curChatInfos, setCurChatInfos] = useState([])
//   const [curMyName, setCurMyName] = useState('')
//   const [curRoomName, setCurRoomName] = useState('')
//
//
//   const [rooms, setRooms] = useState([])
//
//   const onConnectSuc = (roomName, myName, wsCon) => {
//     ROOM_INFOS.push({roomName, socket: wsCon, myName, chatInfos: []})
//     setRooms(prevState => [...prevState, {roomName, lastMsg: ''}])
//     console.log('ffff',wsCon)
//     curSock=wsCon
//     console.log('uu',curSock,roomName)
//     setCurChatInfos([])
//     setCurMyName(myName)
//     setCurRoomName(roomName)
//     console.log('hh',curRoomName)
//   }
//
//   const onMessageCome = (roomName, data) => {
//     //全局存储相关信息
//     console.log(data)
//     const chatInfo = JSON.parse(data)
//     const roomInfo = ROOM_INFOS.find(roomInfo => {
//       return roomInfo.roomName === roomName
//     })
//     if (!roomInfo) {
//       console.error("没有找到" + roomName)
//       return
//     }
//     roomInfo.chatInfos.push(chatInfo)
//     //更新当前聊天窗口
//     console.log(0,curRoomName,roomName)
//     if (curRoomName === roomName) {
//       setCurChatInfos(prevState => [...prevState, chatInfo])
//       console.log(11,curChatInfos)
//     }
//
//
//     //todo rooms的lastmsg更新
//
//   }
//
//   const roomTagOnClick = (roomName) => {
//     const roomInfo = ROOM_INFOS.find(roomInfo => {
//       return roomInfo.roomName === roomName
//     })
//     if (!roomInfo) {
//       console.error("没有找到" + roomName)
//       return
//     }
//     setCurChatInfos(roomInfo.chatInfos)
//     curSock=roomInfo.socket
//     setCurMyName(roomInfo.myName)
//     setCurRoomName(roomInfo.roomName)
//   }
//
//   const sendMsg = (roomName, message) => {
//     console.log(2222,roomName,message,curSock)
//     if (roomName !== curRoomName) {
//       console.error("不是当前房间！！")
//       return
//     }
//     curSock.send(message);
//   }
//
//
//   const tagList = rooms.map((room,index) => <RoomTag onClick={roomTagOnClick} key={index} roomName={room.roomName}
//                                              lastMsg={room.lastMsg} isSelect={room.roomName === curRoomName}/>)
//
//   return (
//
//     <div className={styles.main}>
//       <div>
//         <RoomEnter connectSuccessCallback={onConnectSuc} messageCallback={onMessageCome}/>
//         <div className={styles.roomTagList}>
//           {tagList}
//         </div>
//       </div>
//       <div>
//         <ChatDialog roomName={curRoomName} bubbles={curChatInfos} myName={curMyName} sendMsgCallback={sendMsg}/>
//       </div>
//
//     </div>
//   )
// }

import React from 'react'
import ChatRooms from "../component/ChatRooms";


export default function Home() {
  return <ChatRooms/>
}
